<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="framework/reset.css" rel="stylesheet">
	<link href="css/order.css" rel="stylesheet">
<title>饿了么 确认订单</title>
</head>

<body>
	<div class="wrapper">
		<!-- header part -->
		<header>
			<p>确认订单</p>
		</header>
		
		<!-- order info -->
		<div class="order-info">
			<h5>订单配送至</h5>
			
			<div class="order-info-address">
				<p>天津市津南区雅观路135号天津大学北洋园校区55教</p>
				<i class="fa fa-angle-right"></i>
			</div>
			
			<p>李总 15001008611</p>
		</div>
		
		<!-- business name -->
		<h3>饺子传说</h3>
		
		<!-- order-detailed -->
		<ul class="order-detailed">
			<li>
				<div class="order-detailed-left">
					<img src="img/food_01_01.jpg">
					<p>虾仁肉三鲜水饺 x 2</p>
				</div>
				<p>&#165;24.9</p>
			</li>
			
			<li>
				<div class="order-detailed-left">
					<img src="img/food_01_08.jpg">
					<p>牛肉大葱水饺 x 1</p>
				</div>
				<p>&#165;24.9</p>
			</li>
		</ul>
		
		<!-- order delivery fee -->
		<div class="order-deliveryfee">
			<p>配送费</p>
			<p>&#165;3</p>
		</div>
		
		<!-- totally count -->
		<div class="total">
			<div class="total-left">
				&#165;77.7
			</div>
			
			<div class="total-right" onClick="location.href='payment.html'">
				去支付
			</div>
		</div>
	</div>
</body>
</html>
